<template>
  <div ref="container" class="bg">
    <button v-if="!isScreenshot" class="close" @click="close">关闭</button>
    <button v-else class="close" @click="htmlToImage">确定</button>
    <div class="canvas-container">
      <div class="canvas"></div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
// import { getCanvasStyle } from "@/utils/style.ts";
// import { changeStyleWithScale } from "@/utils/translate.ts";
const isScreenshot = ref(false);

const htmlToImage = () => {
  console.log("htmlToImage");
};
</script>

<style scoped></style>
